.el-row {
    display: flex;
    flex: 1;
    height: 100%;
    .el-col{
      height: 100%;
      .plist{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content:space-between;
        margin: 0;
        padding: 0;
        li{
          width:24%;
          display: flex;
          flex-direction: row;
          align-items:center;
          background:#fff;
          border-radius:8px;
          padding:0 25px;
          height:100px;
          cursor:pointer;
          box-shadow:0 0 6px 3px rgba(0,0,0,.08);
          i{
            font-size:18px;
            width: 36px;
            height: 36px;
            border-radius:50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content:center;
            position: relative;
            top:-11px;
            &.icon-yichuli{
              font-size:20px;
            }
            &.icon-weidaqia{
              font-size:19px;
            }
          }
          &:first-child{
            i{
              background:rgba(63, 138, 237, .1);
              color:rgba(63, 138, 237, 1);
            }
          }
          &:nth-child(2){
            i{
              background:rgba(109, 184, 76, .1);
              color:rgba(109, 184, 76, 1);
            }
          }
          &:nth-child(3){
            i{
              background:rgba(205, 47, 47, .1);
              color:rgba(205, 47, 47, 1);
            }
          }
          &:nth-child(4){
            i{
              background:rgba(242, 123, 77, .1);
              color:rgba(242, 123, 77, 1);
            }
          }
          .fontbox{
            display:flex;
            flex-direction: column;
            margin-left:15px;
            span{
              font-size:15px;
              color:rgba(43, 74, 106, 1);
              margin-top:10px;
              &:nth-child(2){
                font-size:14px;
                margin-top:10px;
              }
              u{
                font-size:24px;
                font-weight:bold;
                text-decoration:none;
              }
            }
          }
          &:hover{
            background:linear-gradient(to right,rgba(11, 186, 251, 1),rgba(66, 133, 236, 1));
            background:-webkit-linear-gradient(to right,rgba(11, 186, 251, 1),rgba(66, 133, 236, 1));
            background:-moz-linear-gradient(to right,rgba(11, 186, 251, 1),rgba(66, 133, 236, 1));
            background:-o-linear-gradient(to right,rgba(11, 186, 251, 1),rgba(66, 133, 236, 1));
            background:-ms-linear-gradient(to right,rgba(11, 186, 251, 1),rgba(66, 133, 236, 1));
            i{background:rgba(255, 255, 255, 1);}
            .fontbox{
              span{
                color: #fff;
              }
            }
          }
        }
      }
      .itembox{
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content:space-between;
        flex:1;
        height:49%;
        margin-top:1.5%;
        border-radius:8px;
        box-shadow:0 0 6px 3px rgba(0,0,0,.08);
        &.downitem{
          height:42.4%;
        }
        .itemhead{
          display:flex;
          flex-direction:row;
          align-items: center;
          justify-content:space-between;
          padding: 20px 20px 0;
          span{
            font-size:18px;
            color:#333;
          }
          .condition{
            display: flex;
            flex-direction:row;
            align-items:center;
            justify-content: flex-end;
            width: 24%;
            &.single{
              width:30%;
              .citem{
                justify-content: flex-end;
              }
            }
            .citem{
              display:flex;
              flex-direction:row;
              align-items:center;
              justify-content: flex-end;
              label{
                color:rgba(102, 102, 102, 1);
              }
              &:nth-child(2){
                margin-left:10px;
              }
              ::v-deep{
                .el-date-editor{
                  width:70%;
                  .el-input__inner{
                    background-color:rgba(243, 243, 243, 1);
                    border-radius:25px;
                    border: none;
                    color:rgba(51, 51, 51, .6);
                  }
                }
                .el-select{
                  width:50%;
                  .el-input__inner{
                    background-color:rgba(243, 243, 243, 1);
                    border-radius:25px;
                    border: none;
                    color:rgba(51, 51, 51, .6);
                  }
                }
              }
            }
          }
        }
        .itembody{
          display:flex;
          flex-direction:column;
          flex: 1;
          padding:10px 20px 5px;
          .echartbox{
            width:100%;
            height:100%;
          }
        }
      }
      &:last-child{
        .itembox:first-child{
          margin-top:0;
        }
      }
    }
  }

